@charset "UTF-8";

/********************************
    레이아웃 영역에 관련된 css
********************************/

/*****************
main
 **********************/
/* 메인 비쥬얼 */
/*.main_visual_wrap {width:100%; position: relative; height:467px;  text-align: center; overflow:hidden; text-align:center; }*/

/* 메인 소비스 소개 */
.service_area {position: relative;display:block;overflow:hidden; padding: 0 12px;}
.service_area .con_inner {max-width:1150px;margin:0 auto;}
.service_area .service_tit{padding:20px 0 10px 0;font-size:33px;margin:60px auto 20px;;text-align:center;font-weight:400;}
.service_area .service_copy{padding:0 0 50px 0;font-size:17px;text-align:center;font-weight:400;}



/* 서브 비주얼 */
.sub_visual_wrap { position: relative; top: 0; height:200px; overflow:hidden; text-align:center; }
.sub_visual_wrap .sub_visual_inner {position: relative;margin:0 auto; }
.sub_visual_wrap .sub_visual_inner .visual_tit{padding:70px 0 10px 0;font-size:27px;color:#fff;text-align:center;}
.sub_visual_wrap .sub_visual_inner .visual_copy{padding:0 0 20px 0;font-size:17px;color:#fff;text-align:center;}

.summaryArea {text-align:center;}
.summaryArea .summTit{display:block;padding:70px 0 20px 0;font-size:25px;}
.summaryArea .summtx01{display:block;padding:0px 0 20px 0;font-size:21px;}
.summaryArea .summtx02{display:block;padding:10px 0 0px 0;font-size:17px;}
.summaryArea .titType01{display:block;padding:60px 0 20px 0;font-size:25px;    font-weight: 400;}
.summaryArea .summtx03{display:block;padding:0px 0 20px 0;font-size:21px;}

.summaryDesc .Desc_list{max-width:800px;margin:0 auto 70px;display:block;overflow:hidden;}
.summaryDesc li{padding: 50px 0;position: relative;display:block;overflow:hidden;text-align:left;border-top:1px solid #dedede}
.summaryDesc li:first-child{border-top:0;}
.summaryDesc li .item .tit {display: block;padding:20px 0 0 0 ;font-size: 20px;color: #0d5cab;}
.summaryDesc li .item .tx {display: block;font-weight: bold;font-size: 15px;color: #454545;padding-top: 6px;}
.summaryDesc li .img {position: absolute;right: 0;top: 50%;margin-top: -58px;}
.summaryDesc li .img img {width: 116px;height: 116px;}

.serviceCont .serviceList{max-width:800px;margin:0 auto 70px;margin-top:35px;}
.serviceCont .serviceList li{ position:relative; border: 1px solid #e6e6e6; padding:30px 0;}
.serviceCont .serviceList li:first-child{border-top:1px solid #e6e6e6;}
.serviceCont .serviceList li .tit{display:table; width:180px; height:180px; position:absolute; left:30px; top:50%; margin-top:-90px;  vertical-align:middle; text-align:center;}
.serviceCont .serviceList li .tit span{display:table-cell; vertical-align:middle; font-size:15px; color:#fff; font-weight:bold;}
.serviceCont .serviceList li.eq01 .tit{}
.serviceCont .serviceList li.eq02 .tit{}
.serviceCont .serviceList li.eq03 .tit{}
.serviceCont .serviceList li.eq04 .tit{}
.serviceCont .serviceList li .tx{display:table; table-layout: fixed; width:100%; min-height:180px; padding:30px 30px 30px 230px; box-sizing:border-box;}
.serviceCont .serviceList li .tx span{display:table-cell; vertical-align:middle; font-size:15px; color:#252525; line-height:23px;}




/*서브 레프트*/
.sub_left {float:left;width:150px;overflow:hidden;display:block;}
.test{float:left;width:852px;}
.sub_right {float:right;width:150px;}